html, body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
}

#bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#content {
	position:relative;
	z-index:1;
	height: 100%;

}


#topMenues{	
	padding: 1%;
	margin: 0;
	text-align: right;
	border-style: ridge;
	border-color: rgb(169, 198, 245);
	border-width: thick;
	height: 5%;
}

a {
	color: rgb(251, 253, 255);
	font-family: cursive;
	text-decoration: none;
	
}

a.topOptions {
	font-family: cursive;
	padding-left: 2%;
	padding-right: 2%;
}

a.topOptions:HOVER {
	background: rgb(0, 0, 153);

}

#layout {
	width:100%;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 92%;
}

#sideMenues {
	width: 20%;
	height: 100%;
	float: left;
	margin-right: 0.5%;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-style: ridge;
	border-color: rgb(169, 198, 245);
	border-width: thin;
	margin-left: 0.5%;
}

li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left:1%;
	border: inherit;

}

li:hover {
	background: rgb(0, 102, 255);
}

a.sideOptions {
	margin-right: 1%;
	margin-left: 1%;
}

#divFileSelectorFrame{
	width: 94%; 
	height: 60%;
	margin: 0;
	padding: 0;
	margin-right: 3%;
	margin-left: 3%;
	margin-top: 30%;
	
}

#fileSelectorHeader {
	color: rgb(251, 253, 255);
	font-family: cursive;
	text-decoration: none;
	
}

#fileSelector {
	background-color: white;
	margin: 0;
	padding: 0;
	overflow: scroll;
	vertical-align: top;
	width: 100%;
	height: 100%;
	
	
}

#diviframe{
	width: 75%; 
	height: 95%;
	margin: 0;
	padding: 0;
	float: left;
	
}

#MainWindow {
	background-color: white;
	margin: 0;
	padding: 0;
	overflow: scroll;
	vertical-align: top;
	width: 100%;
	height: 100%;
	
	
}

#leftSpace{
	width: 5%;
	float: left;
}

